<template>
  <div id="app">
    <keep-alive>
      <v-app>
        <router-view></router-view>
      </v-app>
    </keep-alive>
  </div>
</template>

<script>
    export default {
        name: "App",
        provide() {
            return {
                reload: this.reload,
            };
        },
        data() {
            return {
                isRouterAlive: true,
            };
        },
        methods: {
            reload() {
                this.isRouterAlive = false;
                this.$nextTick(function () {
                    this.isRouterAlive = true;
                });
            }
        },
        components: {},
        mounted() {

        }
    };
</script>

<style lang="scss">
  ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0;
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 6px;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: #eee;
    transition: color .2s ease;
  }
</style>